<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


	<!-- the CSS for Smooth Div Scroll -->
	<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />

	<!-- jQuery library - I get it from Google API's -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
	<!-- jQuery UI widget factory -->
	<!-- You can download it as a part of jQuery UI Core
		 http://jqueryui.com/download -->
	<script src="js/jquery.ui.widget.js" type="text/javascript"></script>

	<!-- Smooth Div Scroll 1.1 - minified for faster loading-->
	<script src="js/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>

	<script type="text/javascript">
		// Initialize the plugin with no custom options
		$(window).load(function() {
			$("div#makeMeScrollable").smoothDivScroll({});
		});
	</script>

    <!-- Styles for my specific scrolling content -->
    	<style type="text/css">
    		#makeMeScrollable
    		{
    			width:100%;
    			height: 330px;
    			position: relative;
    		}

    		#makeMeScrollable div.scrollableArea img
    		{
    			position: relative;
    			float: left;
    			margin: 0;
    			padding: 0;
    		}
    	</style>

<div id="makeMeScrollable">
		<div class="scrollingHotSpotLeft"></div>
		<div class="scrollingHotSpotRight"></div>
		<div class="scrollWrapper">
			<div class="scrollableArea">
				<img src="/images/1.jpg" alt="Demo image" />
				<img src="/images/2.jpg" alt="Demo image" />
				<img src="/images/3.jpg" alt="Demo image" />
				<img src="/images/4.jpg" alt="Demo image" />
			</div>
		</div>
	</div>

